<template>
  <div class="relative min-h-screen">
    <!-- 全屏视频背景 -->
    <video class="absolute inset-0 z-0 h-full w-full object-cover" autoplay muted loop playsinline>
      <source src="/video/zenix.mp4" type="video/mp4" />
      <!-- 如果视频无法播放，显示备用背景 -->
      <div class="absolute inset-0 bg-gradient-to-br from-blue-900 to-indigo-900"></div>
    </video>

    <!-- 内容覆盖层 -->
    <div class="relative z-10 flex min-h-screen flex-col items-center justify-center text-white">
      <!-- 标题 -->
      <h1
        class="-mt-20 mb-6 px-4 text-center text-5xl font-normal md:text-7xl"
      >
        Din vej til balance og velvære
      </h1>

      <!-- 按钮 -->
      <button
        @click="showTabContent = true"
        class="border-2 bg-transparent text-sm font-semibold transition-all duration-300 hover:bg-white hover:border-white hover:text-gray-800 cursor-pointer"
        style="height: 40px; width: 115px; color: #777777;"
      >
        CLICK ME
      </button>
    </div>

    <!-- 语言切换弹出卡片 -->
    <div v-if="showTabContent" class="fixed inset-0 z-50 flex items-center justify-center p-4" style="padding-top: 100px;">
      <!-- 卡片内容 -->
      <div class="relative rounded-lg shadow-2xl max-w-4xl w-full mx-4 overflow-hidden" style="background-color: #429a9c; padding: 8px 8px 8px 8px;">
        <!-- 顶部色条 -->
        <div class="h-4" style="background-color: #429a9c;"></div>
        <!-- 内部白色区域 -->
        <div class="bg-white rounded-lg h-full">
          <!-- 顶部区域 -->
          <div class="flex justify-between items-center p-6">
          <!-- 语言切换按钮 -->
          <div class="flex">
            <button
              v-for="(tab, index) in tabs"
              :key="index"
              @click="activeTab = index"
              :class="[
                'px-4 py-2 text-sm font-medium transition-colors duration-200 border border-gray-300',
                activeTab === index
                  ? 'text-white'
                  : 'bg-gray-200 text-gray-700 hover:bg-gray-300',
                index === 0 ? 'rounded-l-md' : '',
                index === tabs.length - 1 ? 'rounded-r-md' : '',
                index !== 0 ? '-ml-px' : ''
              ]"
              :style="activeTab === index ? 'background-color: #429a9c; border-color: #429a9c;' : ''"
            >
              {{ tab.title }}
            </button>
          </div>
          
          <!-- 关闭按钮 -->
          <button 
            @click="showTabContent = false"
            class="text-gray-500 hover:text-gray-700 transition-colors"
          >
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
            </svg>
          </button>
        </div>
        
        <!-- 卡片主体 -->
        <div class="p-6 max-h-[450px] overflow-y-auto">
          <!-- 语言内容 -->
          <div v-if="activeTab === 0" class="space-y-4">
            <h3 class="text-xl font-semibold text-gray-800">Introduktion</h3>
            <p class="text-gray-600 leading-relaxed mb-6">
              For at imødekomme behovene fra forskellige personer inden for smerterelæksation, søvnforbedring, kvindelig sundhed og ansigts pleje har klinikken omhyggeligt skabt en bred vifte af professionelle tjenester. Alle tjenester udføres af erfarne fagfolk, der bruger videnskabelige metoder til at beskytte din sundhed og skønhed.
            </p>
            
            <div class="space-y-6">
              <!-- 1. Smerteforvaltningstjenester -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">1. Smerteforvaltningstjenester</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  Når du plages af forskellige typer smerter, der påvirker kvaliteten af din dagligdag, kan vores smerteforvaltningstjenester tilbyde målrettede løsninger. Prisen for en enkelt service er 650 kr., og hvis du vælger en pakke på 10 gange, koster den 5.500 kr., hvilket effektivt reducerer omkostningerne pr. brug.
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>Hals + skuldersmerteforvaltning:</strong> Retter sig mod spændte muskler og smerter i hals og skulder forårsaget af langvarig siddearbejde, at se ned på elektroniske enheder mv. Gennem professionelle fysiske behandlingsmetoder som akupunktur og manuelle manipulationer lindres muskelspasmer, forbedres lokal blodcirkulation, reduceres hals- og skuldersmerter, og normal bevægelighed i hals og skulder genoprettes.</li>
                  <li class="list-disc"><strong>Rygsmerteforvaltning (ryg + lår):</strong> Egnede til rygsmerter og stivhed forårsaget af langvarig siddevane, dårlig holdning, muskeloverbelastning i lenden eller let diskusproblemer i lumbale området. En personlig behandlingsplan bruges til at hjælpe med at afslappe rygsmusklerne, justere positionen af ryghovedets led, reducere smerter, styrke rygsmusklerne og forebygge genoptrædelse af smerter.</li>
                  <li class="list-disc"><strong>Ben smerteforvaltning:</strong> Retter sig mod muskeltræthed i ben, ubehag i led og muskeloverbelastning efter motion. Ved hjælp af professionelle genoptrædelsesteknikker fremmes blodcirkulation i benene, lindres muskeltræthed og smerter, forbedres bevægeligheden i benene, og du får tilbage en let og fleksibel følelse i benene.</li>
                  <li class="list-disc"><strong>Led + tennisalbuesmerteforvaltning:</strong> Uanset om du har led smerter og hævelse forårsaget af degenerative ændringer i led, eller tennisalbue forårsaget af hyppig motion og overbelastning af arm, kan vi tilbyde effektiv behandling. Gennem akupunktur og fysisk terapi reduceres betændelse, lindres smerter, genoprettes beskadiget væv, og normal funktion i led og albue gøres tilbage.</li>
                  <li class="list-disc"><strong>Anden smerteforvaltning:</strong> Udover de ovennævnte almindelige typer af smerter, hvis du har smerteproblemer i andre områder, såsom hovedpine eller smerter efter en ledskade, kan du konsultere vores fagfolk. Vi vil udforme en eksklusiv smerterelæksationsplan baseret på dine specifikke forhold.</li>
                </ul>
              </div>

              <!-- 2. Søvnforvaltningstjenester -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">2. Søvnforvaltningstjenester</h4>
                <p class="text-gray-600 leading-relaxed">
                  Er du langvarigt plaget af træthed og søvnløshed, og har svært ved at falde i søvn? Vores søvnforvaltningstjenester kan bringe dig glæde – prisen for en enkelt service er 600 kr., og prisen for en pakke på 10 gange er 5.000 kr., der hjælper dig med at forbedre din søvnforhold.
                </p>
                <p class="text-gray-600 leading-relaxed mt-3">
                  Denne tjeneste retter sig mod problemer med langvarig træthed kombineret med søvnløshed og vanskeligheder med at falde i søvn. Den starter med at regulere kroppens funktioner og forbedre tilstanden af nervesystemet, og bruger milde og effektive metoder som traditionel kinesisk akupunktur til at hjælpe dig med at afslappe kropp og sind, lindre mentalt stress og fysisk træthed, justere biologisk ur, forbedre søvnkvalitet. Så får du let en rolig og god søvn, siger farvel til søvnløshedsbesværet og genopretter fuld energi.
                </p>
              </div>

              <!-- 3. Kvindelig akupunktur tjenester -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">3. Kvindelig akupunktur tjenester</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  Specialiseret på kvindelig sundhed, tilbyder professionel akupunkturbehandling til kvindelige gynekologiske problemer i forskellige faser. Prisen for en enkelt service er 650 kr., og prisen for en pakke på 10 gange er 5.500 kr..
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>Justering af præmenstruel syndrom (PMS) i puberteten:</strong> Retter sig mod PMS-symptomer som humørsvingninger, brystsmerter, maveforstørrelse og hovedpine, der opstår hos pubertetskvinder før menstruationen. Gennem akupunktur reguleres hormonniveauerne i kroppen, forbedres blod- og qi-flow, lindres ubehagelige symptomer, og hjælper pubertetskvinder med at gennemgå den specielle periode før menstruationen glidende.</li>
                  <li class="list-disc"><strong>Behandling af kold uterus og genopretning af lår og abdomen efter fødsel:</strong> For problemer som unregelmæssig menstruation, menstruationssmerter og kolde hænder og fødder forårsaget af kold uterus hos kvinder, kan akupunktur varme op og åbne meridier, drive væk kold og varme op uterus, forbedre tilstanden af kold uterus, regulere menstruationscyklus og reducere menstruationssmerter. Samtidig, for problemer som slapper lår og abdomen samt smerter efter fødsel hos nyfødte mødre, stimulerer akupunktur relaterede akupunkturpunkter for at fremme blodcirkulation i lår og abdomen, styrke muskelfleksibilitet, hjælpe nyfødte mødre med at genoprette stramhed og sundhed i lår og abdomen, og lindre ubehag efter fødsel.</li>
                </ul>
              </div>

              <!-- 4. Ansigtsforvaltningstjenester -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">4. Ansigtsforvaltningstjenester</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  Fokus på sundhed og skønhed af ansigts hud, tilbyder forskellige typer af ansigts plejertjenester til at imødekomme dine forskellige hudbehov.
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>Ansigtsakupunktur:</strong> Pris pr. gang 650 kr., pakke på 10 gange 5.500 kr.. Gennem at stimulere ansigtsakupunkturpunkter med akupunktur fremmes blodcirkulation i ansigtet, aktiveres hudcelleaktivitet, og der opnås effekter som at forbedre hudtonen, stramme hud, reducere mørke pletter og fjerne rynker. Så din hud viser en naturlig og sund ungdommelig udstråling, og problemer som slapper hud, matt hud og rynker forbedres.</li>
                  <li class="list-disc"><strong>Behandling mod akne:</strong> Pris pr. gang 650 kr., pakke på 10 gange 5.500 kr.. Retter sig mod ansigtsakneproblemer, starter med at regulere fedtsekretion fra hud, forbedre porøs tilstopning og eliminere betændelse. Ved hjælp af professionelle aknebehandlingsteknikker og metoder fjernes akne effektivt, reduceres genoptrædelse af akne, og samtidig genoprettes beskadiget hud. Så dit ansigt genvinder en glidende og fin tekstur, og du siger farvel til aknebesværet.</li>
                  <li class="list-disc"><strong>Ansigtsrensning:</strong> Pris pr. gang 450 kr., pakke på 10 gange 3.500 kr.. Gerne renser ansigts huddybden, fjerner snavs, fedt og døde hudceller i porerne og andre urenheder, forbedrer problemer som store porer og matt hud, oglægger en god grund for hudens efterfølgende næringsoptagelse. Så huden kan ånde lettere og viser en frisk og ren tilstand.</li>
                </ul>
              </div>
            </div>
          </div>
          
          <div v-else-if="activeTab === 1" class="space-y-4">
            <h3 class="text-xl font-semibold text-gray-800">Hayuna服务项目介绍</h3>
            <p class="text-gray-600 leading-relaxed mb-6">
              为满足不同人群在疼痛缓解、睡眠改善、女性健康及面部护理等方面的需求，诊所精心打造了多样化且专业的服务项目，各项目均由经验丰富的专业人员操作，以科学的方法为您的健康与美丽保驾护航。
            </p>
            
            <div class="space-y-6">
              <!-- 一、疼痛管理项目 -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">一、疼痛管理项目</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  当您受到各类疼痛困扰，影响日常生活质量时，我们的疼痛管理项目可为您提供针对性解决方案，单次服务价格为 650 克朗，若您选择 10 次套餐，费用则为 5500 克朗，能有效降低单次消费成本。
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>颈部 + 肩部疼痛管理：</strong>针对长期伏案工作、低头看电子设备等导致的颈肩肌肉紧张、酸痛问题，通过专业的理疗手段，如针灸、推拿等，缓解肌肉痉挛，改善局部血液循环，减轻颈肩疼痛，恢复颈肩正常活动功能。</li>
                  <li class="list-disc"><strong>背部 + 腰部疼痛管理：</strong>适用于因久坐、姿势不良、腰肌劳损、腰椎间盘轻微突出等引发的腰背疼痛、僵硬症状。采用个性化的治疗方案，帮助放松腰背肌肉，调整脊柱关节位置，减轻疼痛，增强腰背肌肉力量，预防疼痛复发。</li>
                  <li class="list-disc"><strong>腿部疼痛管理：</strong>针对腿部肌肉酸痛、关节不适、运动后肌肉劳损等情况，运用专业的康复技术，促进腿部血液循环，缓解肌肉疲劳与疼痛，改善腿部运动功能，让您的腿部恢复轻松灵活。</li>
                  <li class="list-disc"><strong>关节 + 网球肘疼痛管理：</strong>无论是关节退行性病变导致的关节疼痛、肿胀，还是因频繁运动、过度使用手臂引发的网球肘，我们都能提供有效的治疗。通过针灸、理疗等方式，减轻炎症反应，缓解疼痛，修复受损组织，恢复关节和肘部的正常功能。</li>
                  <li class="list-disc"><strong>其他疼痛管理：</strong>除上述常见疼痛类型外，若您存在其他部位的疼痛问题，如头痛、关节扭伤后的疼痛等，可咨询我们的专业人员，我们将根据您的具体情况制定专属的疼痛缓解方案。</li>
                </ul>
              </div>

              <!-- 二、失眠管理项目 -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">二、失眠管理项目</h4>
                <p class="text-gray-600 leading-relaxed">
                  长期受疲劳与失眠困扰，难以入睡？我们的失眠管理项目能为您带来福音，单次服务价格 600 克朗，10 次套餐价格 5000 克朗，助您改善睡眠状况。
                </p>
                <p class="text-gray-600 leading-relaxed mt-3">
                  该项目针对长期疲劳伴随失眠、入睡困难等问题，从调节身体机能、改善神经系统状态入手，采用中医针灸等温和且有效的方法，帮助您放松身心，缓解精神紧张与身体疲劳，调整生物钟，提高睡眠质量，让您轻松拥有安稳好眠，告别失眠烦恼，恢复充沛精力。
                </p>
              </div>

              <!-- 三、妇科针灸项目 -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">三、妇科针灸项目</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  专注女性健康，为不同阶段女性的妇科问题提供专业针灸治疗，单次服务 650 克朗，10 次套餐 5500 克朗。
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>青春期经前综合征调理：</strong>针对青春期女性在月经来潮前出现的情绪波动、乳房胀痛、腹胀、头痛等经前综合征症状，通过针灸调节体内激素水平，改善气血运行，缓解不适症状，帮助青春期女性平稳度过经期前的特殊时期。</li>
                  <li class="list-disc"><strong>宫寒及产后腰腹恢复治疗：</strong>对于女性宫寒导致的月经不调、痛经、手脚冰凉等问题，针灸可温通经络、散寒暖宫，改善宫寒状况，调节月经周期，减轻痛经症状；同时，针对产后女性腰腹部松弛、酸痛等问题，通过针灸刺激相关穴位，促进腰腹部血液循环，增强肌肉弹性，帮助产后女性恢复腰腹部紧致与健康，缓解产后不适。</li>
                </ul>
              </div>

              <!-- 四、面部管理项目 -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">四、面部管理项目</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  聚焦面部肌肤健康与美丽，提供多种面部护理服务，满足您不同的肌肤需求。
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>面部针灸：</strong>单次 650 克朗，10 次套餐 5500 克朗。通过针灸刺激面部穴位，促进面部血液循环，激活肌肤细胞活力，达到提亮肤色、紧致肌肤、淡化色斑、去除皱纹的效果，让您的肌肤呈现自然健康的年轻态，改善肌肤松弛、暗沉、有皱纹等问题。</li>
                  <li class="list-disc"><strong>祛痘治疗：</strong>单次 650 克朗，10 次套餐 5500 克朗。针对面部痘痘问题，从调节肌肤油脂分泌、改善毛囊堵塞、消除炎症等方面入手，采用专业的祛痘技术与方法，有效去除痘痘，减少痘痘复发，同时修复受损肌肤，让您的面部恢复光滑细腻，告别痘痘困扰。</li>
                  <li class="list-disc"><strong>面部清洁：</strong>单次 450 克朗，10 次套餐 3500 克朗。深入清洁面部肌肤，清除毛孔内的污垢、油脂、老废角质等杂质，改善肌肤毛孔粗大、暗沉等问题，为肌肤后续的营养吸收打下良好基础，让肌肤呼吸更顺畅，呈现清爽洁净的状态。</li>
                </ul>
              </div>
            </div>
          </div>
          
          <div v-else-if="activeTab === 2" class="space-y-4">
            <h3 class="text-xl font-semibold text-gray-800">Introduction to Clinic Services</h3>
            <p class="text-gray-600 leading-relaxed mb-6">
              To meet the needs of different people in pain relief, sleep improvement, women's health, and facial care, the clinic has carefully created a variety of professional services. All services are operated by experienced professionals, using scientific methods to protect your health and beauty.
            </p>
            
            <div class="space-y-6">
              <!-- 1. Pain Management Programs -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">1. Pain Management Programs</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  When you are troubled by various types of pain that affect the quality of your daily life, our pain management programs can provide targeted solutions. The price for a single service is 650 Kroner, and if you choose a 10-session package, the cost is 5,500 Kroner, which effectively reduces the cost per session.
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>Neck + Shoulder Pain Management:</strong> Targets muscle tension and pain in the neck and shoulders caused by long-term desk work, looking down at electronic devices, etc. Through professional physical therapy methods such as acupuncture and massage, it relieves muscle spasms, improves local blood circulation, reduces neck and shoulder pain, and restores the normal movement function of the neck and shoulders.</li>
                  <li class="list-disc"><strong>Back + Waist Pain Management:</strong> Suitable for low back pain and stiffness caused by prolonged sitting, poor posture, lumbar muscle strain, mild lumbar disc herniation, etc. A personalized treatment plan is adopted to help relax the lower back muscles, adjust the position of the spinal joints, reduce pain, strengthen the lower back muscles, and prevent the recurrence of pain.</li>
                  <li class="list-disc"><strong>Leg Pain Management:</strong> Targets leg muscle soreness, joint discomfort, and muscle strain after exercise. Using professional rehabilitation techniques, it promotes blood circulation in the legs, relieves muscle fatigue and pain, improves the movement function of the legs, and restores a relaxed and flexible feeling to your legs.</li>
                  <li class="list-disc"><strong>Joint + Tennis Elbow Pain Management:</strong> Whether you have joint pain and swelling caused by degenerative joint diseases, or tennis elbow caused by frequent exercise and overuse of the arm, we can provide effective treatment. Through methods such as acupuncture and physical therapy, it reduces inflammation, relieves pain, repairs damaged tissues, and restores the normal function of joints and elbows.</li>
                  <li class="list-disc"><strong>Other Pain Management:</strong> In addition to the above common types of pain, if you have pain problems in other parts of the body, such as headaches or pain after joint sprains, you can consult our professionals. We will formulate an exclusive pain relief plan based on your specific situation.</li>
                </ul>
              </div>

              <!-- 2. Insomnia Management Program -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">2. Insomnia Management Program</h4>
                <p class="text-gray-600 leading-relaxed">
                  Are you troubled by long-term fatigue and insomnia, and have difficulty falling asleep? Our insomnia management program can bring you good news. The price for a single service is 600 Kroner, and the price for a 10-session package is 5,000 Kroner, helping you improve your sleep condition.
                </p>
                <p class="text-gray-600 leading-relaxed mt-3">
                  This program targets problems such as long-term fatigue accompanied by insomnia and difficulty falling asleep. Starting from regulating body functions and improving the state of the nervous system, it uses gentle and effective methods such as traditional Chinese acupuncture to help you relax your body and mind, relieve mental stress and physical fatigue, adjust your biological clock, and improve sleep quality. This allows you to easily have a peaceful and good sleep, say goodbye to insomnia troubles, and restore abundant energy.
                </p>
              </div>

              <!-- 3. Gynecological Acupuncture Program -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">3. Gynecological Acupuncture Program</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  Focusing on women's health, it provides professional acupuncture treatment for women's gynecological problems at different stages. The price for a single service is 650 Kroner, and the price for a 10-session package is 5,500 Kroner.
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>Adolescent Premenstrual Syndrome (PMS) Regulation:</strong> Targets PMS symptoms such as mood swings, breast tenderness, abdominal distension, and headaches that occur in adolescent girls before menstruation. Through acupuncture, it regulates the body's hormone levels, improves blood and qi circulation, relieves uncomfortable symptoms, and helps adolescent girls go through the special period before menstruation smoothly.</li>
                  <li class="list-disc"><strong>Cold Uterus and Postpartum Waist and Abdomen Recovery Treatment:</strong> For problems such as irregular menstruation, dysmenorrhea, and cold hands and feet caused by cold uterus in women, acupuncture can warm and unblock the meridians, dispel cold and warm the uterus, improve the condition of cold uterus, regulate the menstrual cycle, and reduce dysmenorrhea symptoms. At the same time, for problems such as loose waist and abdomen and soreness in postpartum women, acupuncture stimulates relevant acupoints to promote blood circulation in the waist and abdomen, enhance muscle elasticity, help postpartum women restore the tightness and health of the waist and abdomen, and relieve postpartum discomfort.</li>
                </ul>
              </div>

              <!-- 4. Facial Management Programs -->
              <div>
                <h4 class="text-lg font-semibold text-gray-800 mb-3">4. Facial Management Programs</h4>
                <p class="text-gray-600 leading-relaxed mb-3">
                  Focusing on the health and beauty of facial skin, it provides a variety of facial care services to meet your different skin needs.
                </p>
                <ul class="text-gray-600 space-y-2 ml-4">
                  <li class="list-disc"><strong>Facial Acupuncture:</strong> 650 Kroner per session, 5,500 Kroner for a 10-session package. By stimulating facial acupoints with acupuncture, it promotes facial blood circulation, activates skin cell vitality, and achieves effects such as brightening skin tone, firming the skin, lightening dark spots, and removing wrinkles. This makes your skin show a natural and healthy youthful state, improving problems such as loose skin, dullness, and wrinkles.</li>
                  <li class="list-disc"><strong>Acne Treatment:</strong> 650 Kroner per session, 5,500 Kroner for a 10-session package. Targeting facial acne problems, it starts from regulating skin oil secretion, improving hair follicle blockage, and eliminating inflammation. Using professional acne treatment techniques and methods, it effectively removes acne, reduces the recurrence of acne, and repairs damaged skin at the same time. This restores your face to a smooth and delicate state, saying goodbye to acne troubles.</li>
                  <li class="list-disc"><strong>Facial Cleansing:</strong> 450 Kroner per session, 3,500 Kroner for a 10-session package. It deeply cleanses the facial skin, removes dirt, oil, dead skin cells, and other impurities in the pores, improves problems such as large pores and dull skin, and lays a good foundation for the subsequent nutrient absorption of the skin. This allows the skin to breathe more smoothly and show a fresh and clean state.</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
          </div>
        </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

// 控制语言切换卡片的显示状态
const showTabContent = ref(false)

// 当前激活的选项卡
const activeTab = ref(0)

// 语言选项卡配置
const tabs = [
  { title: 'DA' },
  { title: 'CH' },
  { title: 'EN' }
]
</script>

<style scoped>
/* 首页特定样式 */
</style>
